{% extends "htmlPages/base.html" %}

        {% block head %}
            <script type="text/javascript" src="../static/js/report.js"></script>
            <script type="text/javascript" src="../static/js/printThis.js"></script>
            <style type="text/css" media="print">
                @page { size: landscape; }
            </style>
            <script type="text/javascript">
            function printReport(){
//                window.print();
                $('#reports').printThis();
                console.log('should print');
            }
            </script>
            
        {% endblock head %}

        {% block side_navbar %}
           <ul class="nav navbar-nav side-nav">
            <li>
              <a href="/home"><i class="fa fa-desktop"></i>  דף בית </a>
            </li>
            <li>
              <a href="/messages"><i class="fa fa-bullhorn"></i>  לוח מודעות </a>
            </li>
            <li>
              <a href="/privateMessages"><i class="fa fa-edit"></i>  הודעות אישיות </a>
            </li>
            <li>
              <a href="/contactList"><i class="fa fa-file"></i>  דף קשר </a>
            </li>
          </ul>
        {% endblock side_navbar %}

        {% block page_wrapper %}
            <div class="row">
              <div class="col-lg-12">
                  <h1>
דו"ח נוכחות
                      <small class="hidden-print">{{ date }}</small>
                  </h1>
              </div>
            </div>

            <div class="row" id="forAnnouncement"></div>

            <div class="row">
                <div class="col-lg-8 pull-right">
                    <form role="form" name="month">
                        <div class="row">
                            <div class="col-lg-6 pull-right">
                              <div class="form-group">
                                <label>
                                בחרי חודש מהרשימה:  
                                </label>
                                <select name="options" id="options" class="form-control">
                                  <option value="0">ינואר</option>
                                  <option value="1">פברואר</option>
                                  <option value="2">מרץ</option>
                                  <option value="3">אפריל</option>
                                  <option value="4">מאי</option>
                                  <option value="5">יוני</option>
                                  <option value="6">יולי</option>
                                  <option value="7">אוגוסט</option>
                                  <option value="8">ספטמבר</option>
                                  <option value="9">אוקטובר</option>
                                  <option value="10">נובמבר</option>
                                  <option value="11">דצמבר</option>
                                </select>
                              </div>
                            </div>
                        </div>
                        <button type="button" class="btn btn-success" onclick="getReport()">
הצגי דו"ח
                        </button>
                        <button type="button" class="btn btn-default disabled" id="printBTN" onclick="printReport()"><i class="fa fa-print"></i> הדפסי דו"ח</button>
<!--                        <button type="button" class="btn btn-default disabled" id="printBTN" onclick="printableReport()"><i class="fa fa-print"></i> הדפסי דו"ח</button>-->
                    </form>
                </div>
            </div>



            <div class="row">
                <div class="col-xs-12 pull-right" id="reports" style="margin-top: 15px">
                </div>
            </div>


        {% endblock page_wrapper %}